<div class="for">
  <ngb-carousel >
    <ng-template ngbSlide *ngFor="let c of cl" >
      <img [src]="c.pic" alt="Random first slide" width="1100" height="500">
      <div class="carousel-caption">
        <h3>{{c.title}}</h3>
        <p>{{c.discription}}</p>
      </div>
    </ng-template>
    <!-- <ng-template ngbSlide>
      <img [src]="images[1]" alt="Random second slide">
      <div class="carousel-caption">
        <h3>Second slide label</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
    </ng-template>
    <ng-template ngbSlide>
      <img [src]="images[2]" alt="Random third slide">
      <div class="carousel-caption">
        <h3>Third slide label</h3>
        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
      </div>
    </ng-template> -->
  </ngb-carousel>
</div>